<!DOCTYPE html >
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width">
<title>{$tpshop_config['shop_info_store_title']}</title>
<meta http-equiv="keywords" content="{$tpshop_config['shop_info_store_keyword']}" />
<meta name="description" content="{$tpshop_config['shop_info_store_desc']}" />
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=0"/>
	<include file="Public/meta"/>
<link rel="stylesheet" type="text/css" href="__STATIC__/css/public.css"/>
<link rel="stylesheet" type="text/css" href="__STATIC__/css/catalog.css"/>
<script type="text/javascript" src="__STATIC__/js/jquery.js"></script>
<script src="__PUBLIC__/js/global.js"></script>
<style>
.goods_nav{ width:30%; float:right; right:5px; overflow:hidden; position:fixed;margin-top:25px; z-index:9999999}
</style>
</head>
<body>
<!--分类切换-->


<div class="container">
	<ul id="catelist_top_box">

        <li><a href="{:U('Goods/categoryList/cate_id/60')}"   <if condition="$cate_id eq 60">class="cur</if>"><i class="icon iconfont icon-shuiping"></i>VIP套餐</a></li>
        <li><a href="{:U('Goods/categoryList/cate_id/52')}"   <if condition="$cate_id eq 52">class="cur</if>"><i class="icon iconfont icon-paobu"></i>私教课程</a></li>
        <li><a href="{:U('Goods/categoryList/cate_id/53')}"   <if condition="$cate_id eq 53">class="cur</if>"><i class="icon iconfont icon-liebiao1"></i>小课程</a></li>



        <foreach name="category_list" item="v" >
            <li style="display: none;"><a href="{:U('categoryList',array('cate_id'=>$v[id]))}"   <if condition="$cate_id eq $v[id]">class="cur"</if>  ><i class="icon iconfont icon-<if condition="$v[id] eq 1">paobu<elseif condition="$v[id] eq 2" />shuiping<else />liebiao1</if>"></i>{$v.name}</a></li>
        </foreach>
    </ul>
    
  <div class="category-box">
    <div class="category1" style="outline: none;" tabindex="5000">
      <ul class="clearfix" >

          <foreach name="cate_2_list" item="v1" >
              <li   <if condition="$cate2_id eq $v1[id]"> class="cur"</if>   ><a href="{:U('categoryList',array('cate_id'=>$cate_id,'cate2_id'=>$v1[id]))}">{$v1.name}</a></li>
          </foreach>



<!--
               <li class="cur"  data-id="1">碳酸饮料</li>
               <li  data-id="1">运动饮品</li>
               <li  data-id="1">茶饮料</li>
               <li  data-id="1">奶制品</li>
               <li  data-id="1">矿泉水</li>
               <li  data-id="1">果汁</li>-->
      </ul>
    </div>
    <div class="category2" style=" outline: none;" tabindex="5001">

        <if condition="empty($list)">
            <div class="screen-wrap fullscreen login">
                <section id="cart-content">
                    <div class="qb_tac" style="padding:50px 0">
                        <img src="__STATIC__/images/flow/empty_cart.png" width="170" >
                        <br>暂无课程信息</div>

                </section>
                <div style="height:72px;"></div>
                <section class="f_mask" style="display: none;"></section>
                <section class="f_block" id="choose" style="height:0px;"></section>
            </div>
        </if>
      <dl style="padding-bottom:50px;display:block;" >
       		<ul id="prolist">

                <foreach name="list" item="goods" key="k" >

                    <li><a href="{:U('goodsInfo',array('id'=>$goods[goods_id]))}"><img src="{$goods.original_img}" ><span>{$goods.goods_name}<b>￥{$goods.shop_price}</b></span> </a></li>

                </foreach>

            </ul>
      </dl>
      
    </div>
  </div>
</div>
<!---切换js----->
<include file="Public/footer_nav"/>
<script>

$(function () {
    //滚动条
    $(".category1,.category2").niceScroll({ cursorwidth: 0,cursorborder:0 });

    //图片延迟加载
 	//$(".lazyload").scrollLoading({ container: $(".category2") });
    //$('.category-box').height($(window).height());

    //点击切换2 3级分类
	var array=new Array();
	$('.category1 li').each(function(){ 
		array.push($(this).position().top-0);
	});
	
	$('.category1 li').click(function() {
		var index=$(this).index();
		$('.category1').delay(200).animate({scrollTop:array[index]},300);
		$(this).addClass('cur').siblings().removeClass();
		$('.category2 dl').eq(index).show().siblings().hide();
        $('.category2').scrollTop(0);
	});

});
</script>
<script src="__STATIC__/js/jquery.nicescroll.min.js"></script> 
</body>
</html>